<div class="rcontent" style="display: block;">
  <div class="info">
    <div style="width:717px !important;width:717px;">
      <div>
        <div class="lt bigtxt clr9">Edit Profile</div>
        <div class="rt"><a href="#" target="_blank" class="v-profile-link mediumtxt">View my profile</a></div>
        <div class="clr-bth"></div>
        <div style="border-bottom: 1px dotted #8F8F8F;" class="padb20">
          <!--  -->
        </div>
      </div>
      <div class="padb20 padt15">
        <div class="lt bigtxt-s clr9">Family Details</div>
        <div class="rt smalltxt clr7"> Fields marked as '<span class="rdclr" style="vertical-align:text-top;">*</span>' are Mandatory</div>
        <div class="clr-bth"></div>
      </div>
    </div>
    <div id="content">
      <div id="familyDiv">
        <!-- form fields stats here -->
        <div id="frm" style="width:560px;">
          <form method="post" name="frmFamily" id="frmFamily">
            <dl>
              <dt class="frmlabel">
                <label for=""><strong>Parent's Contact No.</strong></label>
              </dt>
              <dd>
                <input type="text" style="width:156px;" maxlength="40" class="input" value="<?php echo $family_contact_number;?>" placeholder="Mobile No. / Landline No." name="family_contact_number">
                &nbsp;&nbsp;<span class="smalltxt clr7">Optional but recommended</span>
                <div id="parentContactSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
            </dl>
            <dl>
              <dt>
                <label for="familyValue" style="display:block; padding:0px 0px 5px 0px"><strong>Family Value <span class="star">*</span></strong></label>
              </dt>
              <dd>
                <input type="radio" <?php echo($family_value==1 ?  'checked=""' : '');?> name="family_value" id="familyValue1" value="1" class="radioBox" tabindex="1">
                <label for="familyValue1"> Orthodox &nbsp;</label>
                <input type="radio"  <?php echo($family_value==2 ?  'checked=""' : '');?> name="family_value"  value="2" class="radioBox" tabindex="2">
                <label for="familyValue2"> Traditional &nbsp;</label>
                <input type="radio"  <?php echo($family_value==3 ?  'checked=""' : '');?> name="family_value"  value="3" checked="" class="radioBox" tabindex="3">
                <label for="familyValue3"> Moderate &nbsp;</label>
                <input type="radio"  <?php echo($family_value==4 ?  'checked=""' : '');?> name="family_value"  value="4" class="radioBox" tabindex="4">
                <label for="familyValue4"> Liberal &nbsp;</label>
                <div id="familyValue1Span" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="familyType" style="display:block; padding:0px 0px 5px 0px"><strong>Family Type <span class="star">*</span></strong></label>
              </dt>
              <dd>
                <input type="radio" <?php echo($family_type==1 ?  'checked=""' : '');?> name="family_type" id="familyType1" value="1" class="radioBox" tabindex="5">
                <label for="familyType1"> Joint family &nbsp;</label>
                <input type="radio"  <?php echo($family_type==2 ?  'checked=""' : '');?> name="family_type" id="familyType2" value="2" checked="" class="radioBox" tabindex="6">
                <label for="familyType2"> Nuclear family &nbsp;</label>
                <div id="familyType1Span" class="error fint12px" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="familyStatus" style="display:block; padding:0px 0px 5px 0px"><strong>Family Status <span class="star">*</span></strong></label>
              </dt>
              <dd>
                <input type="radio" id="familyStatus1" <?php echo($family_status==1 ?  'checked=""' : '');?> name="family_status" checked="" class="radiolabel" value="1" 1="" tabindex="1" style="padding-right:3px!important;padding:0px;">
                <label class="radiolabel" id="familyStatuss1"  for="familyStatus1" style="padding-right:5px;">&nbsp;Middle class</label>
                <input type="radio" id="familyStatus2"  <?php echo($family_status==2 ?  'checked=""' : '');?> name="family_status" class="radiolabel" value="2" 1="" tabindex="2" style="padding-right:3px!important;padding:0px;">
                <label class="radiolabel" id="familyStatuss2" for="familyStatus2" style="padding-right:5px;">&nbsp;Upper middle class</label>
                <input type="radio" id="familyStatus4"  <?php echo($family_status==3 ?  'checked=""' : '');?> name="family_status" class="radiolabel" value="4" 1="" tabindex="3" style="padding-right:3px!important;padding:0px;">
                <label class="radiolabel" id="familyStatuss4" for="familyStatus4" style="padding-right:5px;">&nbsp;Rich / Affluent</label>
                <div id="familyStatusSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="ancestralOrigin" style="display:block; padding:0px 0px 5px 0px"><strong>Ancestral / Family Origin </strong></label>
              </dt>
              <dd>
                <input type="text" name="family_orgin" class="txtBox input" value="" style="width:156px;" tabindex="7">
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="religiousvalues" style="display:block; padding:0px 0px 5px 0px"> <strong>Religious values <span class="star">*</span></strong> </label>
              </dt>
              <dd>
                <select name="religious_value" id="religiousvalues" class="txtBox input" style="width:166px;" tabindex="8">
                  <option value="0" title="- Select -" alt="- Select -">- Select -</option>
                  <option value="7" title="Very religious" alt="Very religious">Very religious</option>
                  <option value="8" selected="" title="Believe in Jesus not in religion" alt="Believe in Jesus not in religion">Believe in Jesus not in religion</option>
                  <option value="9" title="Sunday Church Goer" alt="Sunday Church Goer">Sunday Church Goer</option>
                  <option value="10" title="Average Christian" alt="Average Christian">Average Christian</option>
                  <option value="11" title="Not religious" alt="Not religious">Not religious</option>
                  <option value="99" title="Not given it a thought" alt="Not given it a thought">Not given it a thought</option>
                </select>
                <br>
                <div id="religiousvaluesSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="fatherOccupation" style="display:block; padding:0px 0px 5px 0px"><strong>Father's Occupation </strong></label>
              </dt>
              <dd>
                <input type="text" name="fathers_occupation" id="fatherOccupation" class="txtBox input" style="width:156px;" value="<?php echo $fathers_occupation;?>" tabindex="9">
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="motherOccupation" style="display:block; padding:0px 0px 5px 0px"><strong>Mother's Occupation </strong></label>
              </dt>
              <dd>
                <input type="text" name="mothers_occupation" class="txtBox input" style="width:156px;" value="<?php echo $mothers_occupation;?>" tabindex="10">
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt class="frmlabel">
                <label for="fatherNamelbl"><strong>Father's name</strong><span class="rdclr"> *</span></label>
              </dt>
              <dd>
                <input type="text" style="width:156px;" maxlength="40" class="input" value="<?php echo $fathers_name;?>" name="fathers_name" id="fatherName" tabindex="2">
                <div id="fatherNameSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt class="frmlabel">
                <label for="fatherNativelbl"><strong>Father's native place</strong><span class="rdclr"> *</span></label>
              </dt>
              <dd>
                <input type="text" style="width:156px;" maxlength="40" class="input" value="<?php echo $fathers_nativeplace;?>" name="fathers_nativeplace" id="fatherNative" tabindex="3">
                <div id="fatherNativeSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
            </dl>
            <dl>
              <dt class="frmlabel">
                <label for="motherNamelbl"><strong>Mother's name</strong><span class="rdclr"> *</span></label>
              </dt>
              <dd>
                <input type="text" style="width:156px;" maxlength="40" class="input" value="<?php echo $mothers_name;?>" name="mothers_name" id="motherName" tabindex="4">
                <div id="motherNameSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
            </dl>
            <dl>
              <dt class="frmlabel">
                <label for="motherNativelbl"><strong>Mother's native place</strong><span class="rdclr"> *</span></label>
              </dt>
              <dd>
                <input type="text" style="width:156px;" maxlength="40" class="input" value="<?php echo $mothers_nativeplace;?>" name="mothers_nativeplace" id="motherNative" tabindex="5">
                <div id="motherNativeSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
            </dl>
            <dl>
              <dt>
                <label for="brothers" style="display:block; padding:0px 0px 4px 0px;"><strong>No. of Brothers </strong></label>
              </dt>
              <dd>
                <select name="no_brothers" id="brothers" onchange="nummarg('1')" class="txtBox input" style="width:166px;" tabindex="11">
                  <option value="0" title="---Select No Of Brothers---" alt="---Select No Of Brothers---">---Select No Of Brothers---</option>
                  <option value="99" <?php echo ($no_brothers== 99 ? 'selected' : '');?> title="None" alt="None">None</option>
                  <option value="1" <?php echo ($no_brothers== 1 ? 'selected' : '');?>title="1" alt="1">1</option>
                  <option value="2" <?php echo ($no_brothers== 2 ? 'selected' : '');?>title="2" alt="2">2</option>
                  <option value="3" <?php echo ($no_brothers== 3 ? 'selected' : '');?> title="3" alt="3">3</option>
                  <option value="4" <?php echo ($no_brothers== 4 ? 'selected' : '');?>title="4" alt="4">4</option>
                  <option value="5" <?php echo ($no_brothers== 5 ? 'selected' : '');?> title="5" alt="5">5</option>
                  <option value="6" <?php echo ($no_brothers== 6 ? 'selected' : '');?>title="6" alt="6">6</option>
                </select>
              </dd>
            </dl>
            <span style="display:none" id="brother">
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="marriedBrothers" style="display:block; padding:0px 0px 4px 0px;"><strong>Brothers Married </strong></label>
              </dt>
              <dd>
                <select name="no_brothers_married" class="txtBox input" style="width:166px;" tabindex="12">
                  <option value="0" title="None" alt="None">None</option>
                  <option value="1" title="1" alt="1">1</option>
                  <option value="2" title="2" alt="2">2</option>
                  <option value="3" title="3" alt="3">3</option>
                  <option value="4" title="4" alt="4">4</option>
                  <option value="5" title="5" alt="5">5</option>
                  <option value="6" title="6" alt="6">6</option>
                </select>
                <div id="marriedBrothersSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            </span>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="sisters" style="display:block; padding:0px 0px 4px 0px;"><strong>No. of Sisters </strong></label>
              </dt>
              <dd>
                <select name="no_sisters" id="no_sisters" class="txtBox input" style="width:166px;" tabindex="13">
                  <option value="0" title="---Select No Of Sisters---" alt="---Select No Of Sisters---">---Select No Of Sisters---</option>
                  <option value="99" title="None" alt="None">None</option>
                  <option value="1" selected="" title="1" alt="1">1</option>
                  <option value="2" title="2" alt="2">2</option>
                  <option value="3" title="3" alt="3">3</option>
                  <option value="4" title="4" alt="4">4</option>
                  <option value="5" title="5" alt="5">5</option>
                  <option value="6" title="6" alt="6">6</option>
                </select>
              </dd>
            </dl>
            <span style="display:none" id="sister">
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="marriedSisters" style="display:block; padding:0px 0px 4px 0px;"><strong>Sisters Married </strong></label>
              </dt>
              <dd>
                <select name="no_sisters_married"  class="txtBox input" style="width:166px;" tabindex="14">
                  <option value="0" title="None" alt="None">None</option>
                  <option value="1" selected="" title="1" alt="1">1</option>
                </select>
                <div id="marriedSistersSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            </span>
            <dl class="dotted">
            </dl>
            <dl>
              <dt class="frmlabel">
                <label for="fatherHouselbl"><span id="whosename"></span><strong>Father's house name</strong> <span class="rdclr">*</span></label>
              </dt>
              <dd>
                <input type="text" style="width:156px;" maxlength="40" class="input" value="<?php echo $fathers_housename;?>" name="fathers_housename"  tabindex="6">
                <div id="namespan" class="errortext"></div>
                <div id="fatherHouseSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
            </dl>
            <dl>
              <dt class="frmlabel">
                <label for="motherHouselbl"><span id="whosename"></span><strong>Mother's house name</strong><span class="rdclr">*</span></label>
              </dt>
              <dd>
                <input type="text" style="width:156px;" maxlength="40" class="input" value="<?php echo $mothers_housename;?>" name="mothers_housename"  tabindex="7">
                <div id="namespan" class="errortext"></div>
                <div id="motherHouseSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <dl>
              <dt>
                <label for="familyDescription" class="lt" style="padding:0px 0px 5px 0px;"><strong>About My Family </strong></label>
              </dt>
              <dd>
                <textarea name="about_family" class="txtBox input" style="width:400px; height:75px;" tabindex="15"><?php echo $about_family;?></textarea>
                <div class="fleft smalltxt clr7" style="width: 400px;">Use this space to talk about your parents and siblings.&nbsp;&nbsp;&nbsp;<span class="smalltxt" id="desccount">0</span>&nbsp;&nbsp;&nbsp;<span class="smalltxt"> Characters typed</span><br>
                </div>
                <div id="familyDescriptionSpan" class="error" style="display:none;"></div>
              </dd>
            </dl>
            <dl class="dotted">
              <!--  -->
            </dl>
            <div class="padt10 rt">
              <input type="submit" class="btnbig" size="38" id="" name="family_details" value="Save" tabindex="8" border="0">
            </div>
          </form>
        </div>
        <!-- form fields stats here -->
      </div>
    </div>
  </div>
</div>
